@charset "utf-8";
*{
	margin:0;
	padding: 0;
}
a{
	text-decoration: none;
}
li{
	list-style-type: none;
}
.triangle{
	display: inline-block;
	width: 8px;
    height: 8px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.header-wrap{
	position: relative;
	height: 300px;
	/*background: url(../images/dist/bac.png) no-repeat 50% 50%/cover;*/
}
.header-wrap img{
	margin:15px 0 0 4%;
	width: 150px;
	height: auto;
}
.header-wrap a{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 15px;
	color: #fff;
	background: rgba(0,0,0,0.6);
	padding: 10px 15px;
	border-radius: 3px;
}
.content-wrap-1{
	font-size: 36px;
	color: #fff;
	text-align: center;
	padding: 30px 4%;
	background: url(../images/dist/red-bac.png) no-repeat 50% 50%;
}
.content-wrap-1 span{
	font-size: 64px;
}
.content-wrap-2{
	text-align: center;
	font-size: 24px;
	line-height: 42px;
	color: #fff;
	background-color:#002e73;
}
.content-wrap{
	background-color: #d71a28;
}
.content-wrap-3{
	padding: 15px 4% 0;
}
.content-common-title{
	height: 42px;
	border-bottom: 1px solid #e3e3e3;
}
.content-common-title h1{
	line-height: 42px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #002e73;
}
.circle-left{
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	left: -5px;
	top: 25px;
	background-color: #d71a28;
	z-index: 10;
}
.circle-right{
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	right: -5px;
	top: 25px;
	background-color: #d71a28;
	z-index: 10;
}
.money-num span{
	font-size: 33px;
	color: #d71a28;
	font-weight: bold;
}
.money-num{
	text-align: center;
	font-size: 12px;
	color: #d71a28;
	padding: 10px 0 12px;
}
.money-state{
	font-size: 10px;
	color: #333;
}
.money-state span{
	color: #d71a28;
}
.moneu-button{
	display: block;
	width: 140px;
	height: 36px;
	margin: 17px auto 0;
	font-size: 18px;
	color: #ffde00;
	line-height: 36px;
	text-align: center;
	background-color: #002e73;
	border-radius: 3px;
}
.rule-title{
	width: 44px;
	text-align: center;
	line-height: 18px;
	margin: 11px 0 13px;
	background-color:#fb2a3a;
	font-size: 10px;
	color: #fff; 
}
.rule-title1{
	margin-top: 33px;
}
.rule-list li{
	list-style-type: decimal;
	font-size: 14px;
	padding: 3px 0;
	margin-left: 13px;
}
.rule-bottom{
	text-align: center;
}
.rule-bottom a{
	display: inline-block;
	padding: 0 7px;
	text-align: center;
	line-height: 24px;
	font-size: 10px;
	color: #6a6969;
	margin:11px auto 8px;
	border: 1px solid #d71a28;
	border-radius: 3px;
}
.rule-bottom h2{
	font-size: 10px;
	color: #6a6969;
}
.content-wrap-4{
	padding: 0 4% 0;
}
.content-wrap-5{
	padding: 0 4%;
}
.bac-img{
	width: 100%;
	height: 35px;
	background:url(../images/dist/red-bac.png) no-repeat 0 0/cover;
}
.small-line{
	display: inline-block;
	width: 2px;
	height: 8px;
	background-color: red;
	margin: 0 1px 2px;
}
.big-line{
	display: inline-block;
	width: 2px;
	height: 12px;
	background-color: red;
	margin: 0 1px;
}
.icon-left{
	margin-right: 3px;
}
.icon-right{
	margin-left: 3px;
}
.content-wrap-common{
	position: relative;
	padding: 0 4% 15px;
	border-radius: 5px;
	background-color: #fff;
}
.content-wrap-common.content-common-special{
	padding: 0 0 15px;
}
.dynamic-static{
	margin-top: 17px;
}
.dynamic-static li{
	line-height: 48px;
	font-size: 12px;
	color: #333;
	padding-left: 15px;
}
.dynamic-static li:nth-child(2n+1){
	background-color: #fdf3f4;
}
.dynamic-static li img{
	margin-right: 8px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	vertical-align: middle;
}
.content-wrap-6{
	text-align: center;
	padding-bottom: 26px;
	background: url(../images/dist/red-bac.png) no-repeat 0 0/cover;
}
.content-wrap-6 h2{
	font-size: 10px;
	color: #fff;
	text-align: center;
	padding: 10px 0 5px;
}
.content-wrap-6 .phone{
	display: inline-block;
	padding: 3px 30px;
	font-size: 10px;
	color: #b0000d;
	border-radius: 3px;
	background: -webkit-linear-gradient(right,#d92531, #dd383e , #f6c6a8,#dd383e,#d92531); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #d92531,#dd383e , #f6c6a8,#dd383e,#d92531); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#d92531, #dd383e , #f6c6a8,#dd383e,#d92531); /* Firefox 3.6 - 15 */
    background: linear-gradient(right, #d92531,#dd383e , #f6c6a8,#dd383e,#d92531); /* 标准的语法 */
}
.content-wrap-6 div.num{
	margin-top: 23px;
	font-size: 10px;
	color: #fff;
}
.content-wrap-6 div span{
	display: inline-block;
	width: 10px;
}
.footer-wrap{
	overflow: hidden;
	height: 42px;
}
.footer-wrap a{
	float: left;
	box-sizing: border-box;
	display: inline-block;
	width: 33.333%;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #002c6d;
}
.footer-wrap a.special{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.footer-wrap a.active{
	background-color: #002255;
}
.add{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background:url(../images/dist/add.png) no-repeat 0 0;
	background-size: 18px 18px;
	margin-bottom: 2px;
}
.wallet{
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	background:url(../images/dist/wallet.png) no-repeat 0 0;
	background-size: 18px 18px;
	margin-bottom: 2px;
}
.alert-wrap{
	display: none;
}
.layer-shade{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0,0,0,0.7);
}
.layer-main{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	z-index: 1001;
}
.layer-section{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.layer-child{
	position: relative;
	display: inline-block;
	width: 90%;
	max-width: 640%;
	background-color: #fff;
	border-radius: 5px;
	font-size: 14px;
	padding-bottom: 10px;
}
.layer-child h1{
	font-size: 18px;
	padding: 15px 0;
	border-radius: 5px;
	border:1px solid #e3e3e3;
}
.layer-child li{
	padding: 0 4%;
	height: 65px;
	overflow: hidden;
}
.layer-child li:nth-child(2n+1){
	background-color: #f4f4f4;
}
.layer-left{
	float: left;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-right: 1px solid #e3e3e3;
	text-align: center;
	font-size: 30px;
	color: #d7d7d7;
	margin-top: 10px;
}
.layer-right{
	overflow: hidden;
}
.layer-right h2{
	font-size: 14px;
	color: #403f3f;
	padding:12px 0 5px 12px;
	text-align: left;
}
.layer-right p{
	width: 100%;
	font-size: 11px;
	color: #626262;
	padding-left: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}
.layer-right p span{
	color: #c90909;
}
.layer-bottom{
	font-size: 10px;
	color: #aaaaaa;
	line-height: 20px;
	text-align: center;
}
.layer-close{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	right: 10px;
	background:url(../images/dist/close.png) no-repeat 0 0;
	background-size: 30px 30px;
}